<template>
    <div class="component-title">
        <span class="title">{{title}}</span>
        <span class="more" @click="$emit('onmore')">更多>></span>
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';
    
    .component-title{
        height: 4.5rem;
        box-sizing: border-box;
        padding: 1.25rem 1.5rem;
        margin-top: .8rem;
        line-height: 2rem;
        border-bottom: 1px solid @color-line-gray;
        .title{
            color: @app-color;
            font-size: 1.7rem;

            border-left: .2rem solid @app-color;
            padding-left: .8rem;
        }
        .more{
            float: right;
            font-size: 1.2rem;
            color: @color-text-light-gray;
        }
    }
    
</style>

<script>
    export default {
        props: ['title']
    }
</script>